<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ page import="model.*"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="pragma" content="no-cache"/> 
     <meta http-equiv="cache-control" content="no-cache"/> 
     <meta http-equiv="expires" content="0"/> 
<style type="text/css">
  .wraper {
width: 960px;
margin: 0 auto;
}

.detail_title {
margin: 0 0 10px 0;
padding: 5px 10px;
background: #95EAD9;
color: #fff;
overflow: hidden;
display: block;
}
.csdn-bbs .red {
color: #dd1a00 !important;
}
.csdn-bbs .markItUpEditor {
border: solid 1px #ccc;
}
.csdn-bbs .publish table td {
padding: 8px 8px;
border-bottom: 1px solid #A9CBEE;
border-left: 1px solid #a9cbee;
}

.csdn-bbs .publish {
margin: 0;
}

.publish table th {
background: #eff4fb;
text-align: right;
}

.publish table th,.publish table td {
padding: 8px 8px;
border-bottom: 1px solid #A9CBEE;
border-left: 1px solid #a9cbee;
}
.csdn-bbs .publish table {
width: 100%;
margin: 0 0 10px 0;
border-top: 1px solid #A9CBEE;
border-right: 1px solid #a9cbee;
}
.csdn-bbs table {
border-collapse: separate;
}

hr {
margin-top: 20px;
margin-bottom: 20px;
border: 0;
border-top: 1px solid #eee;
}
.csdn-bbs td {
list-style: none;
margin: 0;
padding: 0;
border: none;
outline: 0 none;
}
td, th {
display: table-cell;
vertical-align: inherit;
}


</style>
</head>
<body>


	<div class="wraper">
		<div class="detail_title">
			<h1>
				发表新话题&nbsp;&nbsp;&nbsp;&nbsp;<a href="" target="_blank" style="color: red"></a>
			</h1>
		</div>
		<form accept-charset="UTF-8" action="../PostServlet" class="publish"
			id="new_topic" method="post" novalidate="novalidate">
			<div style="margin: 0; padding: 0; display: inline">
				<input name="utf8" type="hidden" value=""/><input
					name="authenticity_token" type="hidden"
					value="6gn+ZSHI8f2KqX2RgQq7vOY71/nAjy6N9CRi7ZO6UVQ="/>
			</div>
			<table width="100%" border="0" cellspacing="0" cellpadding="0">
				<tbody>
					<tr>
						<th>文章标题</th>
						<td><label> <input autocomplete="off"
								class="required" id="topic" maxlength="80"
								name="topic" size="60" type="text"/> <span
									id="title_count_notice" class="red">你还可以输入80个字符</span></label></td>
					</tr>									
						<tr>
							<th valign="top">文章内容</th>
							<td><textarea class="required" cols="100" id="body"
									name="body" rows="20">
</textarea>
								<div class="body_count">
									<span id="topic_body_count_notice">你还可以输入10000个字符</span>
								</div></td>
						</tr>
					<tr>
						<th>选择版块</th>
						<td><select name="style" class="style"><option
									value="">-选择版块-</option>								
								<option data-tech-forum="true" value="音乐"
									data-max-point="">音乐</option>
								<option data-tech-forum="true" value="阅读"
									data-max-point="">阅读</option>
								<option data-tech-forum="true" value="电影" data-max-point="">电影</option>							
						</select> <label class="red">请选择所要发帖的版块</label></td>
					</tr>
					<tr>
						<th>帖子分数</th>
						<td>给分<input class="required" id="topic_point" min="0"
							name="topic[point]" size="3" type="text" value="40"/>(<span
								id="min_point">0</span>-<span id="max_point">100</span>)
								当前可用分：200 </td>
					</tr>
					<tr>
						<th>&nbsp;</th>
						<td>
							<div class="btn_area">
								<input class="btn_b submit_load_icon" name="commit"
									type="submit" value="发表帖子"/>
							</div>
							
							  <ol>
							    <c:if test="${not empty message}">
							    ${request.getAttribute("message")};
							    </c:if>
							  </ol>
							
						</td>
					</tr>
				</tbody>
			</table>
		</form>
</body>
</html>